
<script setup>
// vue2的写法
// props: ['money','car']
// props: {
//     money: Number,
//         car: {
//         type: String,
//         default: '五菱宏光'
//     }
// }

// vue3的写法
// defineProps(['money', 'car'])
// defineProps接受完父组件的 props 后，会自动 return，template 可以直接使用
// 如果想在 script 里面使用，需用定义 props 接受返回来的对象
const props = defineProps({
    money: Number,
    car: {
        type: String,
        default: '五菱宏光'
    }
})

console.log(props.money, 'props')
console.log(props.car, 'props')
</script>

<template>
    <div>子组件 - {{ money }} - {{ car }}</div>
</template>
